// 放置全局指令
import Vue from 'vue'
import store from '@/store'
// 管理员权限特殊处理
const adminPerms = '*:*:*'
Vue.directive('permission', {
  // el：使用自定义指令的DOM元素
  // binging：对象。binging.value 可以接收到外部传过来的值
  inserted (el, binging) {
    console.log(el, binging.value)
    const perms = store.state.user.userProfile.permissions
    if (!perms.includes(binging.value) && !perms.includes(adminPerms)) {
      // 隐藏元素
      // el.style.display = 'none' 不安全，本质通过css样式控制显隐，可以通过浏览器调试出来，从而发请求
      el.remove()
    }
  }
})
